<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <style type="text/css">
        table {border-collapse: collapse; font-size: 14px; width: 80%; margin: auto}
        table, th, td {border: 1px solid darkslategray;padding: 10px}
    </style>
</head>
<body>
<div style="text-align: center">
    <span style="color: darkslategray; font-size: 30px">欢迎光临！</span>
    <hr/>

    <form th:action="@{/etc/show}">
        车牌号：<input type="text" name="car">&nbsp;&nbsp;&nbsp;&nbsp;
        Etc卡号:<input type="text" name="code">&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="submit" value="查询">
    </form>
    <table class="list">
        <tr>
            <th>id</th>
            <th>车牌号</th>
            <th>ETC卡号</th>
            <th>余额</th>
            <th>用户名</th>
            <th>使用年限</th>
            <td>操作</td>
        </tr>
        <tr th:each="user : ${etcs}">
            <td th:text="${user.id}"></td>
            <td th:text="${user.car}"></td>
            <td th:text="${user.code}"></td>
            <td th:text="${user.price}"></td>
            <td th:text="${user.name}"></td>
            <td th:text="${user.date}"></td>
            <td>
                该账号无操作权限
            </td>
        </tr>
    </table>
</div>
</body>
</html>